<template>
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <span>{{ clubRecord.name }}</span>
      <el-button style="float: right; padding: 3px 0" type="text" @click="gotohome">进入主页</el-button>
<!--      <el-button style="float: right; padding: 3px 3px" type="text">申请入社</el-button>-->
    </div>
    <div class="text item">
      {{ clubRecord.clubIntroduce }}
    </div>
  </el-card>
</template>

<script>
export default {
  name: "ClubCard",
  data() {
    return {}
  },
  methods: {
    gotohome() {
      //点击跳转至上次浏览页面
      // this.$router.go(-1)
      //指定跳转地址
      // this.$router.push('/managerHome/clubHome','')

      // this.$router.push(`/managerHome/clubHome/${this.clubRecord.id}`)
      this.$router.push(`/clubHome/${this.clubRecord.id}`)

    }
  },
  props: {
    clubRecord: {
      id: '',
      name: '',
      clubIntroduce: '',
    }
  }
}
</script>

<style scoped>

.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both
}

.box-card {
  min-width: 300px;
  min-height: 200px;
  margin-right: 10px;
}
</style>
